<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>雨旧家私</title>
		<link rel="stylesheet" href="css/swiper.css"/>
		<script src="js/jquery-1.9.1.min.js"></script>
		<script src="js/swiper.js"></script>
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
		<div class="header" id="dingdao">
			<div class="header-main">
				<a href="#" class="logo"><img src="img/logotext.png" width="350px" /></a>
				<div class="nav">
					<div class="nav-item">
						<a href="index.html" class="category hover">首页</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
							</div>
						</div>
					</div>
					<div class="nav-item">
						<a href="gushi.html" class="category ">关于雨旧</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
								<a href="#">品牌介绍</a>
								<a href="gushi.html">品牌故事</a>
								<a href="#">品牌理念</a>
								<a href="#">品牌工艺</a>
								<a href="#">荣誉历程</a>
							</div>
						</div>
					</div>
					<div class="nav-item">
						<a href="jdcp.html" class="category ">经典产品</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
							</div>
						</div>
					</div>
					<div class="nav-item">
						<a href="#" class="category ">雨旧空间</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
								<a href="#">餐饮</a>
								<a href="#">商业</a>
								<a href="#">办公</a>
								<a href="#">别墅</a>
								<a href="#">住宅</a>
							</div>
						</div>
					</div>
					<div class="nav-item">
						<a href="#" class="category ">雨旧资讯</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
								<a href="#">家·雨旧</a>
								<a href="#">人文美学</a>
								<a href="#">雨旧活动</a>
								<a href="#">展会资讯</a>
							</div>
						</div>
					</div>
					<div class="nav-item">
					
					<div class="nav-item">
						<a href="#" class="category ">联系雨旧</a>
						<div class="dropmenu">
							<div class="menupa menu-sma">
							</div>
						</div>
					</div>
				</div>
				<div class="search">
				</div>
				<a href="javascript:void(0)" class="regis"></a>


			</div>
		</div>
		</div>
	
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div style="position: relative;" class="swiper-slide"><img src="img/9.jpg">
		<img class="text2" src="img/text2.png"></div>
        <div class="swiper-slide"><img src="img/8.jpg"></div>
        <div class="swiper-slide"><img src="img/7.jpg"></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>

</div>
<div class="guanyu">
	<h1 class="title">关于雨旧</h1>
<p class="title1">原创设计 | 现代东方家居品牌</p>
<p>雨旧工坊成立于2020年，遵循“师法自然，雨旧共生”的理念。</p>
<p>通过传统与现代工艺相结合，多元化材料运用，建立适应当代生活的“人、物、空间”关系’</p>
<p>实现人与社会，人与自然共生。</p>
</div>
<div class="anli">
	<ul class="anlilist">
		<li><h1 style="color: #000;">关于雨旧</h1>
		<p>About YuJiu</p>
		<p class="chakan"><span class="jia">+</span><br>查看更多</p></li>
		<li><h1>经典产品</h1>
		<p>Products</p>
		<p class="chakan"><span class="jia">+</span><br>查看更多</p></li>
		<li><h1>雨旧空间</h1>
		<p>YuJiu Case</p>
		</li>
		<li><h1>雨旧资讯</h1>
		<p>YuJiu News</p>
		</li>
	</ul>
</div>
<div class="bottom">
	<div class="bottomli">
		<div class="bottomtext">
	<h1>联系我们</h1>
	<p style="font-size: 26px;padding: 10px 0;">Contact us</p>
	<p>雨旧家私品牌运营中心</p>
	<p>地址：成都市温江区惠民路211号</p>
	<p>联系电话：15828215771</p>
	<p>邮箱：370980595@qq.com</p>
	<p>原创产品：产品均已申请实用新型专利</p>
	</div>
	<div class="bottompic">
		<img src="img/erweima.png" width="200px">
	</div>
</div>

<div id="ding">↑</div>
</div>
<div class="footer">
	<div class="footerlist">
		<a href="#">关于雨旧</a>
		<a href="#">经典产品</a>
		<a href="#">雨旧空间</a>
		<a href="#">雨旧资讯</a>
		<a href="#">加盟雨旧</a>
		<a href="#">联系雨旧</a>
	</div>
	
	<p>Copyright © 雨旧</p>

</div>
<script>   
  $("#ding").click(function(){
  $('body,html').animate({scrollTop:0},1000);
  }); 
	 $(function () { {
	 $(window).scroll(function(){ 
	 if ($(window).scrollTop()>200){ 
	 			$('#dingdao').css({
	 				position:'fixed',
	 			})
	 } 
	 else
	 { 
	 $('#dingdao').css({
	 	position:'relative',
	 })
	 } 
	 }) 
	 }}); 
	$(function () { {
	$(window).scroll(function(){ 
	if ($(window).scrollTop()>100){ 
				$('#dingdao').css({
					position:'fixed',
				})
	} 
	else
	{ 
	$('#dingdao').css({
		position:'relative',
	})
	} 
	}) 
	}}); 
 var mySwiper = new Swiper ('.swiper-container', {
   direction: 'horizontal', // 垂直切换选项
   loop: true, // 循环模式选项
    effect : 'fade',
   // 如果需要分页器
   pagination: {
     el: '.swiper-pagination',
 		clickable :true,
   },

   
 })        

  </script>
	</body>
</html>
